/*=======reset css  重设样式========*/
*,
*::before,
*::after{
    /*所有的标签，和伪元素都选中*/
    margin: 0;
    padding: 0;
    /*移动端常用布局是非固定像素,流式布局width:100%;
		因此宽度值不好计算，使用包含边框的border-box计算宽度，
		这样可以把边框放在百分比内，左右使用padding，保证内容不会溢出。
    */
    box-sizing: border-box;
    /*手机端的浏览器核心几乎都是webkit包括谷歌和苹果，
    给box-sizing加-webkit前缀是为了更好的兼容
    一般css3的属性都要加webkit前缀*/
    -webkit-box-sizing: border-box;
    /*点击高亮效果的清除*/
    tap-highlight-color: transparent;
    -webkit-tap-highlight-color: transparent;
}
/* 全屏容器 */
html,body{
    width: 100%;
    height: 100%;
}
body{
    font-size: 14px;
    /*字体定义，如果浏览器不支持"Microsoft YaHei",就使用所有浏览器都有的字体sans-serif*/
    font-family: "Microsoft YaHei",sans-serif;
    color: #333;
}
ul,ol{
    list-style: none;
}
a{
    text-decoration: none;
    color: #333;
}
input,textarea{
    border: none;
    outline: none;
    /*不允许改变尺寸，针对textarea右下角的拉动*/
    resize: none;
    /*元素的外观  none没有任何样式 消除不同浏览器为表单定义的样式*/
    -webkit-appearance: none;
}